<template>
  <el-container class="admin-container">
    <el-header style="padding:0">
      <admin-header />
    </el-header>
    <el-container>
      <!-- 侧边菜单栏 -->
      <admin-menu />
      <!-- 内容渲染区域 -->
      <el-main class="admin-mian" v-if="$route.path !== '/admin'">
        <router-view />
      </el-main>
      <el-main class="admin-mian" v-else>
        欢迎欢迎，热烈欢迎
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
import AdminHeader from "components/content/admin/AdminHeader";
import AdminMenu from "components/content/admin/AdminMenu";
export default {
  name: "Admin",
  metaInfo: {
    title: "后台管理",
  },
  data() {
    return {};
  },
  components: {
    AdminHeader,
    AdminMenu,
  },
  created() {},
  methods: {},
};
</script>

<style lang="less" scoped>
.admin-container {
  height: 100%;
}

.admin-main {
  background-color: #eaedf1;
  color: black;
}
</style>